<template>
  <div>
    <!-- 导航栏 -->
 <van-nav-bar title="我 的" >
  <template #left>
    <van-icon name="cross"  size="20"/>
  </template>
  <template #right>
    <i class="iconfont icon-nav_ico_menu_h"></i>
  </template>
</van-nav-bar>
    <!-- 用户信息 -->
     <div class="user">
         <img src="../assets/iconfont/头像.jpg" alt="">
         <span class="s1">海岛不倒翁</span>
         <span class="s2">退出</span>
     </div>

     <!-- list -->
      <div class="yhjguanli">
            <div class="top">
                <img src="../assets/iconfont/分组管理.jpg" alt="">
                <span>优惠卷管理</span>
            </div>
              <div>
                <img src="../assets/iconfont/返回 (1).jpg" alt="">
              </div>
              
      </div>
      <div class="yhjguanli">
            <div class="top">
                <img src="../assets/iconfont/优惠券.jpg" alt="">
                <span>核销优惠卷</span>
            </div>
              <div>
                <img src="../assets/iconfont/返回 (1).jpg" alt="">
              </div>
              
      </div>
  </div>
</template>

<script>
import navgatior from '../components/navgatior.vue'
export default {
  components: {
    navgatior
  },
}
</script>

<style lang="less" scoped>
.van-nav-bar{
  background-color: #101010;
 }
 .iconfont {
  color: white;
 }
 ::v-deep .van-nav-bar__title {
  color: white;
 }
.yhjguanli {
  display: flex;
  justify-content: space-between;
  width: 93%;
  margin-left: 20px;
  margin-top: 30px;
  border-bottom: 1px solid #fafafb;
  .top {
    display: flex;
    justify-content: center;
    align-items: center;
    img {
     margin-right: 5px;
    }
    span {
      font-size: 13px;
    }
  }
}
.user {
  position: relative;
  width: 100%;
  height: 130px;
  background-image: url(../assets/iconfont/组\ 85.jpg);
  img {
    border-radius:80%;
    background-color: #fdf3ea;
    margin-top: 20px;
    margin-left: 20px;
  }
}
.s1 {
position: absolute;
top: 30%;
font-size: 18px;
color:black;
margin-left: 10px;
}
.s2 {
  position: absolute;
  top: 50%;
  font-size: 12px;
  color: #a6a5a5;
  margin-left: 10px;
}
</style>